JavaScript / CSS 圧縮・軽量化（Minify）
JavaScript、CSSのソースコードを圧縮、軽量化
特徴
JS・CSS両対応の圧縮
タブ切替で2言語のソースを軽量化
コメント・空白を一括除去
改行や不要なセミコロンも自動で削減
削減量を数値で可視化
圧縮前後のサイズと削減率を即表示
文字列・正規表現を保持
コード内のリテラルを壊さず安全に圧縮
使い方
1
圧縮する言語の選択
JavaScriptとCSSのタブから圧縮する言語を選択
2
ソースコードの入力
入力欄にコードを貼り付け、またはサンプルボタンで試用
3
圧縮ボタンで実行
空白やコメントを除去した圧縮結果を生成
4
圧縮結果の確認と保存
圧縮後コードと削減率を確認し、コピーやダウンロードで取得
ユースケース
Webサイトの表示高速化
JS・CSSのファイルサイズを削減し読み込み時間を短縮
本番公開前の最終処理
リリース用アセットを軽量化し配信コストを抑制
モバイル通信量の節約
モバイル環境向けに転送データ量を圧縮して節約
ソースコードの難読化
整形情報を除いてソースを読み取りにくく加工
安全性とプライバシー
ブラウザ完結
入力データはお使いのブラウザ内だけで処理され、外部に送信されません。
ブラウザ内のみで処理
コードの圧縮はすべてお使いのブラウザ内で行われ、入力データはサーバーに送信されません。
通信はHTTPSで暗号化
ページの読み込みもTLSにより暗号化され、第三者から内容を読み取られません。
第三者への送信なし
広告ネットワークやトラッカーなど外部サービスへ入力内容を送信しません。
結果の自動保存なし
入力・圧縮結果や入力候補をサーバーに保管することはありません。
更新情報
- update #32
圧縮ツールでJS識別子分割やCSS子孫セレクタ崩れなどの出力不具合を解消
- update #9
JS/CSS圧縮ツールで演算式やメディアクエリの必須スペースを保持
- update #5
CSS圧縮ツールでコメント除去時のスタイル崩れを解消
ラッコM&A 案件一覧
ラッコツールズ工房 新着記事